<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>QulTweet</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
  <meta name="keywords" content="kultwit,kultweet,fikih,fiqh,tanya jawab ustadz,tanya jawab islam,tanya jawab agama islam,ustadz,kiyai,kiai,search engine,mesin pencari,ustadz menjawab,ustadz,menjawab,syariah,islam,tanya jawab,konsultasi,ulama,aqidah,ibadah,muamalah,ilmu,muslim,syahadat,shalat,puasa,zakat,haji,iman" >
    <meta name="description" content="Trending kultwit tokoh-tokoh Muslim Indonesia">
    <meta name="author" content="">
    
	<meta property="og:title" content="QulTweet" />
	<meta property="og:description" content="Trending kultwit tokoh-tokoh Muslim Indonesia" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="http://www.qultweet.com" />
	<meta property="og:image" content="http://www.qultweet.com/ico/qultweet_logo.png" />
	<meta property="og:site_name" content="QulTweet" />
	<meta property="fb:admins" content="574106911" />
    <!-- Le styles -->
    <link rel="image_src" href="http://www.qultweet.com/ico/qultweet_logo.png" />
    <link rel="icon" type="image/ico" href="http://www.qultweet.com/favicon.ico"> 
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine|Rosarivo:400,400italic|Berkshire+Swash">
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link type="text/css" rel="stylesheet" href="css/speechbubble.css">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/qultweet.css" rel="stylesheet">
    <link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
    <!--[if IE]>
      <style type="text/css">
        #header h1 { 
          font-size: 32px;
        }
      </style>
    <![endif]-->
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div id="header" class="container">
          <div class="row">
            <div class="span2 offset1"><h1>QulTweet</h1></div>
            <div id="menu" class="span9">
              <div class="masonry-me span2"><a style="color:white" href="about.html"><p>Profil</p><p>Tokoh</p></a></div>
              <div class="masonry-me span2"><a style="color:white" href=""><p>Trending</p><p>QulTweet</p></a></div>
              <div class="masonry-me span2"><a style="color:white" target="_blank" href="http://www.ustadzmenjawab.com"><p>Ustadz</p><p>Menjawab</p></a></div>
              <!-- <div class="masonry-me span2"><p>Top Tweeps</p><p>Today</p></div> -->
            </div>
          </div>        
        </div>
      </div>
    </div>

    <div id="content" class="container">
    	<div class="description row" id="powerpoint">
    		<p>&nbsp;</p>
    		<div><p>Assalamu'alaikum,<br/> <br/>Selamat datang di <a href="http://www.qultweet.com/about.html">qultweet.com</a>, Portal kultwit tokoh-tokoh muslim Indonesia.
    		 Disini kita bisa mengikuti kultwit sekaligus berinteraksi dengan para ustadz, kyai, ulama, cendikiawan, dan tokoh-tokoh muslim lainnya menyangkut
    		 berbagai macam topik. Portal kami memiliki mekanisme otomatis untuk menyeleksi Tweet berdasarkan banyaknya jumlah retweet dan balasan terhadap tweet tersebut.
    		 Dengan itu kami berharap pengunjung sekalian dapat membaca tweet-tweet yang sedang populer dan berkualitas.
    		 Semoga usaha ini membawa berkah bagi kita semua. amiin.
    		 <br/><table padding="10px"><tr><td>Hubungi kami melalui &nbsp;</td><td> <a href="https://twitter.com/intent/tweet?screen_name=qultweet" class="twitter-mention-button" data-lang="id">Tweet to @qultweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
             </td></tr>   </table>		 </p>
    		 <p></p>
    		<p><center><font size="+1">Tokoh-Tokoh Muslim yang Kami Ikuti</font></center></p></div>
    		<div id="profile">
    			
    		</div>
      	</div>
     </div>
     
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<!-- <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> -->
  	<script type="text/javascript" src="js/jquery.simplemodal.1.4.2.min.js"></script>
  	<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  	<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
  	<script src="http://platform.twitter.com/anywhere.js?id=dUuayugQg2cs5RBixYIrLg&v=1" type="text/javascript"></script>
  	<script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery.masonry.js"></script>
  	
  	<script type="text/javascript">
  	$(function() {
        jQuery("#menu a").each(function() {
          var url = $(this).attr('href');
          if(!qoola.isAbsolutePath(url)){
            if(url.charAt(0) == '/') url = url.substr(1);
            $(this).attr('href', url);
          }
        });
  		window.console && console.log ("TODO: showUstadzProfile ");
		$.get("UstadzProfile.php",function(data){
			$('#profile').empty();
			var ustadzLs ="<div class=\"description row\" ><div  id=\"top-tweets\" class=\"items span12\">";
			for ( var i = 0; i < data.length; i++) {
					
					ustadzLs +="<div class=\"masonry-me tweet span-masonry\"><div class=\"twitter-header\"><div class=\"twitter-item-header\">"
								+"<img class=\"avatar\" src=\""+data[i].profile_img_url+"\""+"/>"
								+"<p><strong class=\"fullname\"> <a target=\"_blank\" class=\"twitter-account\" href=\"http://twitter.com/#!/"+data[i].screen_name+"\">"+ data[i].name +"</a></strong>"
								+"<br/><a style=\"color:grey\" target=\"_blank\" class=\"twitter-account\" href=\"http://twitter.com/#!/"+data[i].screen_name+"\">@"+data[i].screen_name+"</a></p>"
								+"</div></div><div class=\"twitter-content caption\"><p>"+data[i].description+"</p></div>"
								+"</div>";
			
			}
			ustadzLs += "</div></div>";
			$('#profile').html(ustadzLs);
			$('#profile').masonry({
		        itemSelector : '.masonry-me'
		      });
		},"json");
		
  	});
	twttr.anywhere(function (T) {
  	 T.hovercards({ expanded: true});
	});
	</script>
  </body>
</html>